<template>
  <dl class="common-dl hero-work">
    <dt id="work">
      <i
        style="font-size: 26px;font-weight: normal"
        class="iconfont icon-gongzuoxinxi"
      />
      <em>{{$t('experience.title')}}</em>
    </dt>
    <dd
      v-for="v in workExperience"
      :key="v.company"
    >
      <h4>
        <span>{{v.company}}</span>
        <time>{{v.time}}</time>
      </h4>
      <p>{{v.desc}}</p>
      <p
        v-for="(p, i) in v.list"
        :key="i"
      >
        {{p}}
      </p>
    </dd>
  </dl>
</template>

<script>
export default {
  name: 'Work',
  props: {
    workExperience: {
      type: Array,
      default() {
        return []
      },
    },
  },
}
</script>
